<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 贪婪: 能拿多少拿多少
        //  每次捕获内容的时候 尽可能多的去捕获  
        //  

        // 惰性: 能拿多少拿多少
        // 每次捕获内容的时候 尽可能少的去捕获
        // 每次都从字符串下标0的位置开始检索  




        // 如何解决贪婪惰性?
        // 解决贪婪: 只需要在标识符后边加一个  ?  就会变成惰性 

        // 解决惰性: 只需要加一个全局标识符  g 

        // 默认贪婪 
        // *
        // +
        // ? 
        // {n,}
        // {n,m}


        // 惰性限定符 
        // *?
        // +?
        // ??
        // {n,}?
        // {n,m}?





        var strs = '<div class="kangbazi" id="no1"><span>haha</span></div>';

        // var reg = /<div .*>/;
        // console.log(reg.exec(strs));
        // 上面是贪婪    捕获到的结果是  <div class="kangbazi" id="no1"><span>haha</span></div>

        // var reg2 = /<div .*?>/;
        // console.log(reg2.exec(strs));
        // 这是惰性  只捕获到<div class="kangbazi" id="no1">

        // var reg2 = /<(div) .*?>.*?<\/(div)>/g;
        // console.log(reg2.exec(strs));
        // console.log(reg2.exec(strs));


        // * + ? {n,} {n,m}   后边+?  => 惰性 
        // 惰性  + g 变成贪婪  

    </script>


</body>

</html>